<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>新建家庭成员</title>
    
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/cw.css"/>
    <script src="../js/global.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/jquery-2.1.4.min.js"></script>
    <script src="../js/mui.min.js"></script>
    <script type="text/javascript" src="../js/public.js" ></script>
    <script type="text/javascript" src="../js/app/me-family-add.js" ></script>
    <script type="text/javascript" charset="UTF-8">
      	mui.init();
    </script>
    <style type="text/css">
     	.mui-switch.mui-active{background:#8dc21f;border-color:#8dc21f;}
     	.mui-segmented-control.mui-scroll-wrapper .mui-scroll{height:auto;}
     	.mui-segmented-control.mui-scroll-wrapper{height:150px;}   	
     	.mui-radio input[type=radio]:checked:before {color:#8dc21f;}
     	.mui-radio.mui-left input[type=radio]{left:0px;}
    	.mui-checkbox input[type=checkbox]:before, .mui-radio input[type=radio]:before{font-size:14px;position:relative;top:-5px;}
    	.mui-checkbox.mui-left label, .mui-radio.mui-left label{padding-right:0px;padding-left:25px;}    	
    	.mui-input-row label {float: left;width: 70px;padding: 11px 0px 11px 15px;}
    	.mui-input-row label~input{width: calc(100% - 70px);}
    	.mui-table-view:after{height:0px;}
    	.mui-table-view:before{height:1px;}
    	.mui-input-group .mui-input-row:after{height:0px;}
    	.mui-input-row label~textarea{ width:calc(100% - 70px);height: 40px;padding-top:10px;line-height:17px;}
    	.mui-input-group .mui-input-row{height:40px;}
    	.family-img{padding: 5px 0;}
    	.family-img label{line-height: 30px;}
    </style>
</head>
<body>
	<header id="header" class="mui-bar mui-bar-nav">
		<i class="mui-icon mui-icon-back mui-action-back"></i>
		<h1 class="mui-title ">新建家庭成员</h1>
		<sapn class='mui-pull-right addover'style='line-height:44px;'>完成</sapn>
		<input type="hidden" class="physi" value=""/>
	</header> 
	<div id="content" class="mui-content"></div>
	<div class="mui-input-row family-img  background">
		<label>头像：</label>
		<img class="uploadPic" src="../images/fly.png"/>
	</div>
	 <ul class="mui-input-group mui-table-view margin-bottom-1">
		<li class="mui-input-row">
			<label>姓名：</label>
			<input type="text" class="mui-input-clear name"value=""  placeholder="请输入真实姓名"/>
		</li>
	 </ul>
	<div class="table-view-cell  background overflow-h ">
		<div class="mui-pull-left radio-div">性别：</div>
	 	<div class="mui-radio mui-left mui-col-xs-3 mui-pull-left">
			<label>男</label>
			<input name="radio1" type="radio" value="0" checked>
		</div>
		<div class="mui-radio mui-left mui-col-xs-3 mui-pull-left">
			<label>女</label>
			<input name="radio1" type="radio" value="1">
		</div>
	</div>
	<ul class="mui-input-group mui-table-view margin-bottom-1">
		<li class="mui-input-row">
			<label>年龄：</label>
			<input type="number" class="mui-input-clear age"value=""  placeholder="请输入年龄"/>
		</li>
	 </ul>
	<div class="table-view-cell  background overflow-h ">
		<div class="mui-pull-left radio-div">婚否：</div>
	 	<div class="mui-radio mui-left mui-col-xs-3 mui-pull-left">
			<label>是</label>
			<input name="radio2" type="radio" value="1" checked>
		</div>
		<div class="mui-radio mui-left mui-col-xs-3 mui-pull-left">
			<label>否</label>
			<input name="radio2" type="radio" value="0">
		</div>
	</div>
	<ul class="mui-input-group mui-table-view">
		<li class="mui-input-row ">
			<label>民族：</label>
			<input type="text" class="mui-input-clear nation" value=""  placeholder="请输入民族"/>
		</li>
	</ul>
	<ul class="mui-input-group mui-table-view">
		<li class="mui-input-row ">
			<label>身高：</label>
			<input type="number" class="mui-input-clear height" value=""  placeholder="请输入身高（cm）"/>
		</li>
	</ul>
	<ul class="mui-input-group mui-table-view">
		<li class="mui-input-row ">
			<label>体重：</label>
			<input type="number" class="mui-input-clear weight" value=""  placeholder="请输入体重（cm）"/>
		</li>
	</ul>
	<ul class="mui-input-group mui-table-view">
		<li class="mui-input-row">
			<label>手机：</label>
			<input type="number" class="mui-input-clear phone" value=""  placeholder="请输入手机号码"/>
		</li>
	</ul>
	<ul class="mui-input-group mui-table-view">
    	<li class="mui-input-row">
    		<label>地址：</label>
			<textarea name="" rows="" cols="1" class="address" value="" placeholder="请输入地址"></textarea>
    	</li>
	</ul>
	<div class="table-view-cell mui-table-view margin-bottom-5 ziwotest">
		<sapn class="mui-navigate-right">自我检测</sapn>
	</div>
	<div class="background archivess-img margin-bottom-5">
		<div class="table-view-cell ">
			<span>病例</span>
			<button class="mui-pull-right bingli">添加病历</button>
		</div>	
	</div>
	<!--当没有数据-->
	<div class="background mui-text-center wubing" style="width: 100%;padding:2em 0px;color:#717171;">未添加</div>
	<!--当有数据-->
	<div class="mui-table-view-cell mui-table-view bingl" style="display: none;">
		<!--<li>
			<span>感冒</span>
			<span class="mui-h6 mui-pull-right">2015-05-22</span>
		</li>
		<li class="font-12 line-h-25">
			全身症状重，全身酸疼
		</li>-->
	</div>
	<div id="sheet2" class="mui-popover mui-popover-bottom mui-popover-action" style="display: none;">
		<!-- 可选择菜单 -->
		<ul class="mui-table-view">
			<li class="mui-table-view-cell paizhao2">
				<a href="#sheet2">拍照添加</a>
			</li>
			<li class="mui-table-view-cell photo2">
				<a href="#sheet2">相册添加</a>
			</li>
		</ul>
		<!-- 取消菜单 -->
		<ul class="mui-table-view">
			<li class="mui-table-view-cell">
				<a href="#sheet2"><b>取消</b></a>
			</li>
		</ul>
	</div>
</body>

</html>